<template>
  <div class="">
    <nav class="nav">
      <div></div>
      <div></div>
      <ul class="uu">
        <li @click="$router.push('/login')" v-if="!$store.state.username">
          登录
        </li>
        <li v-else>欢迎您{{ $store.state.username }}</li>
        <li>我的订单</li>
        <li>我的收藏</li>
        <li @click="$router.push('/shopcar')">购物车</li>
      </ul>
    </nav>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang='scss'>
.nav {
  height: 40px;
  background-color: #3d3d3d;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-around;
}
.uu {
  width: 300px;
  line-height: 40px;
  font-size: 14px;
  display: flex;
  color: rgb(156, 155, 151);
  justify-content: space-between;
}
</style>
